﻿<div class="container form-horizontal">
    <update-meta property="og:title" content="{{share.title}}"></update-meta>
    <update-meta property="og:description" content="{{share.description}}" />
    <update-meta property="og:image" content="{{share.pictureUrl}}" />
    <update-meta property="og:url" content="{{share.url}}" />
    <div class="form-group" >
        <div class="row">
            <carousel interval="2000" no-wrap="noWrapSlides">
                <slide ng-repeat="slide in slides" active="slide.active">
                    <img ng-src="{{slide.pictureURL}}" height="450" width="550" style="margin:auto;">
                    <div class="carousel-caption">
                        <h4>Slide {{$index}}</h4>
                        <p></p>
                    </div>
                </slide>
            </carousel>
        </div>
 
        <div class="row">
            <div class="row">
                <div class="col-sm-12 PaddingHeight">
                    <label class="col-sm-4">Title</label>
                        <div class="col-sm-8">
                        <label> {{News.Title}} </label>
                    </div>
                </div>
           </div>
    
            <!--<div class="row">
                <div class="col-sm-12 PaddingHeight">
                    <label class="col-sm-4">Source</label>
                    <div class="col-sm-8">
                        {{News.Source}}
                    </div>
                </div>
            </div>-->

            <div class="row">
                <div class="col-sm-12 PaddingHeight">
                    <label class="col-sm-4">News Date</label>
                    <div class="col-sm-8">
                        {{News.CreateDate | date:"dd/MM/yyyy"}}
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12 PaddingHeight">
                    <label class="col-sm-4">Details</label>
                    <div class="col-sm-8">
                        <button type="button" class="btn" data-toggle="collapse" data-target="#demo">More Details</button>

                    </div>
                                      
                </div>
            </div>
            <div class="row">
                <div class="col-sm-offset-4 col-xs-10 col-xs-offset-1 collapse angular-with-newlines" id="demo" style="padding-left:20px">
                    {{News.Details}}<br/> <br/>
                   <b>Source : </b>  Click<a ng-href="{{News.Source}}"> Here </a>To The Source
                </div>
            </div>

            <!--<div class="row">
                <div class="col-sm-12 PaddingHeight">
                    <label class="col-sm-4">Title</label>
                    <div class="col-sm-8">
                        {{News.Title}}
                    </div>
                </div>
            </div>-->
        </div>
    </div>

    <!--<div class="form-group">
        <label  class="col-sm-2 control-label">Title</label>
        <div class="col-sm-10" style="color:blue;font-size:160%">
            <span>{{News.Title}}</span>
            <input type="text" class="form-control" ng-model="News.Title" disabled>
        </div>
    </div>

    <div class="form-group">
        <label  class="col-sm-2 control-label">Source</label>
        <div class="col-sm-10">
            <span>{{News.Source}}</span>
            <input type="text" class="form-control" ng-model="News.Source" disabled>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">News Date</label>
        <div class="col-sm-10">
            <span>{{News.CreateDate | date:"dd/MM/yyyy"}}</span>
            <input type="date" class="form-control" ng-model="News.CreateDate" disabled>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">Details</label>
        <div class="col-sm-10 angular-with-newlines" >
            <span>{{News.Details}}</span>
            <textarea  class="form-control" ng-model="News.Details" disabled ></textarea>
        </div>
    </div>-->   
        <div class="col-sm-12">
        <div class="col-sm-2 pull-left">
            <a facebook-feed-share class="facebookShare" data-url='{{share.url}}' data-shares='shares' , data-caption='Brought to you by www.penangrealty.my' data-picture='{{share.pictureUrl}}' data-description="{{share.description}} " class="angular-with-newlines">{{shares}} </a>
        </div>
        <div class="col-sm-2 pull-right">
            <div gplus data-size="tall" data-annotation="bubble" data-href='{{share.url}}' data-action='share'></div>
        </div>
  

</div>
    <style>
        .PaddingHeight {
            padding-top: 10px;
        }
    </style>